<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>签约</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../default/css/mui.min.css">
    <link rel="stylesheet" type="text/css" href="../default/css/index.css" />
    <style type="text/css">
        .mui-content{
            background: #fff;
            min-height: 100%;
        }
        .mui-table-view:before{
            height: 0;
        }
        .mui-table-view:after{
            background-color: #F5F6F7;
        }
        .mui-table-view-cell:after{
            background-color: #F5F6F7;
        }
        /*.mui-table-view-cell{
            padding: 20px 10px;
        }*/
        .nocase-box{
            display: none;
        }
        .mui-table-view-cell>a:not(.mui-btn){
            display: flex;
        }
        .z-span1{
            flex: 2;
        }
        .z-span2{
            flex: 1;
            padding-right: 15px;
        }
        .type1,.type2,.type3{
            flex: 2;
        }
        .team-div{
            display: flex;
            padding: 11px 15px;
            text-align: right !important;
        }

    </style>
</head>
<body>

<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">签约</h1>
</header>

<div class="mui-content">
    <div class="mui-content-padded mui-text-center">
        <div class="team-div">
            <h5 style="flex: 2">累计邀请</h5>
            <h5 style="flex: 2">累计金额</h5>
        </div>
        <div class="team-div" style="text-align: left !important;">
            <span style="flex: 2"></span>
            <span style="flex: 2;padding-right: 10px"><b id="friendnum">-</b>人</span>
            <span style="flex: 1;padding-right: 10px"><b id="team-sum"></b></span>
        </div>
    </div>
    <div class="top-shadow"></div>
    <ul class="mui-table-view">
        <li class="mui-table-view-cell mui-collapse">
            <a class="mui-navigate-right" href="#">
                <span class="z-span1">一级</span>
                <span class="type1">0人</span>
                <span class="z-span2" id="team1"></span>
            </a>
            <div class="mui-collapse-content aclass-nav">
                <p>暂无数据</p>
            </div>
        </li>
        <li class="mui-table-view-cell mui-collapse">
            <a class="mui-navigate-right" href="#">
                <span class="z-span1">二级</span>
                <span class="type2">0人</span>
                <span class="z-span2" id="team2"></span>
            </a>
            <div class="mui-collapse-content bclass-nav">
                <p>暂无数据</p>
            </div>
        </li>
        <!--<li class="mui-table-view-cell mui-collapse">-->
            <!--<a class="mui-navigate-right" href="#">-->
                <!--<span class="z-span1">市场经理</span>-->
                <!--<span class="type3">0人</span>-->
                <!--<span class="z-span2" id="team3"></span>-->
            <!--</a>-->
            <!--<div class="mui-collapse-content cclass-nav">-->
                <!--<p>暂无数据</p>-->
            <!--</div>-->
        <!--</li>-->
    </ul>
    <div class="nocase-box">
        <div class="mui-table">
            <div class="mui-col-xs-12 mui-col-sm-12 mui-text-center" >
                <img src="https://srhub.oss-cn-hangzhou.aliyuncs.com/zq-news/images/nocase.png" alt="">
            </div>
            <div class="mui-col-xs-12 mui-col-sm-12 mui-inline mui-text-center">
                <h4>暂无记录</h4>
                <h5 style="margin-top: 20px;">你为进行任何操纵</h5>
                <button type="button" class="mui-btn mui-btn-warning cash-withdrawal-btn">邀请好友</button>
            </div>
        </div>
    </div>

</div>
<script src="../default/js/jquery-2.14.js" type="text/javascript" charset="utf-8"></script>
<script src="../default/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../default/js/cookie.js"></script>
<script src="../default/js/code.js" type="text/javascript" charset="utf-8"></script>
<script src="../default/js/index.js" type="text/javascript" charset="utf-8"></script>
<script src="../default/js/public.js"></script>
<script>
    mui.init({
        swipeBack: true //启用右滑关闭功能
    });
    mui.showLoading("正在加载..","div");
    // ajax地址

    $(function () {
        querySubordinate();
        // sums();
        // team1();
        // team2();
        // team3();
    })
    // function querySubordinates() {
    //     // 查出用户的所有下级用户
    //     $.ajax({
    //         url:website+'/UserController/queryUserTeam',
    //         type:'post',
    //         data:{userId:userId},
    //         success:function (data) {
    //             console.log(data);
    //             var html='';
    //             var html2='';
    //             var html3='';
    //             data.data.forEach(function (value) {
    //                 if(value.subordinate == '一级'){
    //                     html+='<div class="mui-table">\n' +
    //                         '                            <div class="mui-col-xs-3 mui-col-sm-3 mui-inline mui-text-center" >\n' +
    //                         '                                <img src="https://srhub.oss-cn-hangzhou.aliyuncs.com/dinghaolaidanga/img/logo-1.png" alt="" width="50" class="border-radius5">\n' +
    //                         '                            </div>\n' +
    //                         '                            <div class="mui-col-xs-9 mui-col-sm-9 mui-inline">\n' +
    //                         '                                <h5>'+value.userName+'</h5>\n' +
    //                         '                                <h5>'+value.time+'</h5>\n' +
    //                         '                            </div>\n' +
    //                         '                        </div>'
    //                 }else if(value.subordinate == '二级'){
    //                     html2+='<div class="mui-table">\n' +
    //                         '                            <div class="mui-col-xs-3 mui-col-sm-3 mui-inline mui-text-center" >\n' +
    //                         '                                <img src="https://srhub.oss-cn-hangzhou.aliyuncs.com/dinghaolaidanga/img/logo-1.png" alt="" width="50" class="border-radius5">\n' +
    //                         '                            </div>\n' +
    //                         '                            <div class="mui-col-xs-9 mui-col-sm-9 mui-inline">\n' +
    //                         '                                <h5>'+value.userName+'</h5>\n' +
    //                         '                                <h5>'+value.time+'</h5>\n' +
    //                         '                            </div>\n' +
    //                         '                        </div>'
    //                 }
    //                 else if(value.subordinate == '三级'){
    //                     html3+='<div class="mui-table">\n' +
    //                         '                            <div class="mui-col-xs-3 mui-col-sm-3 mui-inline mui-text-center" >\n' +
    //                         '                                <img src="https://srhub.oss-cn-hangzhou.aliyuncs.com/dinghaolaidanga/img/logo-1.png" alt="" width="50" class="border-radius5">\n' +
    //                         '                            </div>\n' +
    //                         '                            <div class="mui-col-xs-9 mui-col-sm-9 mui-inline">\n' +
    //                         '                                <h5>'+value.userName+'</h5>\n' +
    //                         '                                <h5>'+value.time+'</h5>\n' +
    //                         '                            </div>\n' +
    //                         '                        </div>'
    //                 }
    //
    //
    //             });
    //             $(".aclass-nav").html(html);
    //             $(".type1").html($(".aclass-nav .mui-table").length+'人');
    //             $(".bclass-nav").html(html2);
    //             $(".type2").html($(".bclass-nav .mui-table").length+'人');
    //             $(".cclass-nav").html(html3);
    //             $(".type3").html($(".cclass-nav .mui-table").length+'人');
    //             $("#friendnum").html(data.data.length);
    //             mui.hideLoading();
    //         },
    //         error:function () {
    //             mui.showLoading("未知错误..","div");
    //         }
    //     });
    // };

    // function sums(){
    //     $.ajax({
    //         url:website+'/OrderController/queryUserPerformance',
    //         type:'post',
    //         data:{
    //             'userId':1148
    //             // 'userId2':userId
    //         },
    //         success:function (data) {
    //             if(data.data!=null && data.data!=""){
    //                 $("#team-sum").html(data.data);
    //             }else{
    //                 $("#team-sum").html(0);
    //             }
    //             zishu();
    //         }
    //     })
    // }
    // function team1(){
    //     $.ajax({
    //         url:website+'/UserAndDistributionController/queryUserOne',
    //         type:'post',
    //         data:{
    //             'userId':userId,
    //             'userId2':userId
    //         },
    //         success:function (data) {
    //             if(data.data!=null && data.data!=""){
    //                 $("#team1").html(data.data);
    //             }else{
    //                 $("#team1").html(0);
    //             }
    //             zishu1();
    //         }
    //     })
    // }
    // function team2(){
    //     $.ajax({
    //         url:website+'/UserAndDistributionController/queryUserTwo',
    //         type:'post',
    //         data:{
    //             'userId':userId,
    //             'userId2':userId
    //         },
    //         success:function (data) {
    //             if(data.data!=null && data.data!=""){
    //                 $("#team2").html(data.data);
    //             }else{
    //                 $("#team2").html(0);
    //             }
    //             zishu2();
    //         }
    //     })
    // }

    function querySubordinate() {
        // 查出用户的所有下级用户
        $.ajax({
            url:website+'/UserController/findByIdTwo',
            type:'post',
            data:{userId:18},
            success:function (data) {
                console.log(data);
                var html='';
                var html2='';
                var html3='';
                data.data.forEach(function (value) {
                    // if(value.subordinate == '一级'){
                    html+='<div class="mui-table">\n' +
                        '                            <div class="mui-col-xs-3 mui-col-sm-3 mui-inline mui-text-center" >\n' +
                        '                                <img src="https://srhub.oss-cn-hangzhou.aliyuncs.com/zq-news/icon/user-logo.png" alt="" width="50" class="border-radius5">\n' +
                        '                            </div>\n' +
                        '                            <div class="mui-col-xs-9 mui-col-sm-9 mui-inline">\n' +
                        '                                <h5>'+value.user_name+'</h5>\n' +
                        '                                <h5>'+value.time+'</h5>\n' +
                        '                            </div>\n' +
                        '                        </div>'
                    // }
                    // else if(value.subordinate == '二级'){
                    //     html2+='<div class="mui-table">\n' +
                    //         '                            <div class="mui-col-xs-3 mui-col-sm-3 mui-inline mui-text-center" >\n' +
                    //         '                                <img src="https://srhub.oss-cn-hangzhou.aliyuncs.com/zq-news/icon/user-logo.png" alt="" width="50" class="border-radius5">\n' +
                    //         '                            </div>\n' +
                    //         '                            <div class="mui-col-xs-9 mui-col-sm-9 mui-inline">\n' +
                    //         '                                <h5>'+value.userName+'</h5>\n' +
                    //         '                                <h5>'+value.time+'</h5>\n' +
                    //         '                            </div>\n' +
                    //         '                        </div>'
                    // }else if(value.subordinate == '三级'){
                    //     html3+='<div class="mui-table">\n' +
                    //         '                            <div class="mui-col-xs-3 mui-col-sm-3 mui-inline mui-text-center" >\n' +
                    //         '                                <img src="https://srhub.oss-cn-hangzhou.aliyuncs.com/zq-news/icon/user-logo.png" alt="" width="50" class="border-radius5">\n' +
                    //         '                            </div>\n' +
                    //         '                            <div class="mui-col-xs-9 mui-col-sm-9 mui-inline">\n' +
                    //         '                                <h5>'+value.userName+'</h5>\n' +
                    //         '                                <h5>'+value.time+'</h5>\n' +
                    //         '                            </div>\n' +
                    //         '                        </div>'
                    // }


                });
                $(".aclass-nav").html(html);
                $(".type1").html($(".aclass-nav .mui-table").length+'人');
                $(".bclass-nav").html(html2);
                $(".cclass-nav").html(html3);
                $("#friendnum").html(data.data.length);
                mui.hideLoading();
            },
            error:function () {
                mui.showLoading("未知错误..","div");
            }
        });
    };



    function zishu() {
        //限制字符个数
        $("#team-sum").each(function () {
            var maxwidth = 6;
            console.log($(this).html().toString().length);
            if ($(this).text().toString().length > maxwidth) {
                $(this).text($(this).text().substring(0, maxwidth));
                $(this).html($(this).html() + '...');
            }
        });
    }
    function zishu1() {
        $("#team1").each(function () {
            var maxwidth = 6;
            console.log($(this).html().toString().length);
            if ($(this).text().toString().length > maxwidth) {
                $(this).text($(this).text().substring(0, maxwidth));
                $(this).html($(this).html() + '...');
            }
        });
    }
    function zishu2() {
        $("#team2").each(function () {
            var maxwidth = 6;
            console.log($(this).html().toString().length);
            if ($(this).text().toString().length > maxwidth) {
                $(this).text($(this).text().substring(0, maxwidth));
                $(this).html($(this).html() + '...');
            }
        });
    }
    // function zishu3(){
    //     $("#team3").each(function(){
    //         var maxwidth=6;
    //         console.log($(this).html().toString().length);
    //         if($(this).text().toString().length>maxwidth){
    //             $(this).text($(this).text().substring(0,maxwidth));
    //             $(this).html($(this).html()+'...');
    //         }
    //     });
    // };

</script>
</body>
</html>
